<template>
  <div>
    <h2>属性绑定指令</h2>
    <!-- 什么是属性，标签的属性 比如：<img/>标签的src属性，比如 input标签的 type value 属性等 -->
    <!-- 属性绑定指令，作用是将属性值 转成 对应的值 -->
    <img v-bind:src="url" alt="" />
    <!-- v-bind: 简写成 ： -->
    <img :src="url" alt="" />
    <br>
    <input type="text" :value="abc"/>
    <br/>
    <input type="text" :value="v + 'word'"/>
  </div>
</template>

<script>
export default {
  // data用于存放数据
  // data要写成函数，函数中要返回一个对象，把所有的数据放到tata里
  data() {
    return {
      //把数据都放到这里
      url: "http://www.itcbc.com:3006/formdata/123.jpg",
      v:'hello'
    };
  },
};
</script>

<style>
</style>